<!DOCTYPE html>
<html>
  <head>
    <title>冒險者小屋</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="../css/HW_4-1.css"/>
  </head>
  <body>
    <header class="box-showdow">
      <img src="../images/HW_4-1/logo.jpg" class="logo-img" alt="logo" />
      <nav>
        <ul class="menu">
          <li><a href="index.html">造型百貨</a></li>
          <li>|&emsp;<a href="https://10.151.110.165/forum/" target="_blank">討論區</a></li>
          <li class="sub-menu">|&emsp;<a>精密機械加工</a>
            <ul>
              <li><a href="https://10.151.110.165/forum/" target="_blank">論壇</a></li>
              <li><a href="https://10.151.110.165/wiki" target="_blank">Wiki</a></li>
              <li><a href="http://itsm.efoxconn.com/" target="_blank">C次資訊服務平臺</a></li>
            </ul>
          </li>
        </ul>
      </nav>
    </header>
    <main>
      <aside class="box-showdow">
        <h1>冒險者小屋</h1>
        <img src="../images/HW_4-1/home.jpg" class="home-img" alt="冒險者小屋" />
        <p>
          CopyRight&ensp;&copy;&ensp;2019&ensp;
          <a href="../index.html" target="_blank">李瑞豪</a>
        </p>
      </aside>
      <div class="product-list">
        <div id="tab-hot" class="tab-content box-showdow">
          <div class="item">
            <img class="item-img" src="../images/HW_4-1/aknife.png" alt="名刀司命">
            <div class="item-detail">
              <h3>名刀司命</h3>
              <hr/>
              <span class="item-price">$1460</span>
              <span>
                <del>$1760</del>
              </span>
              <p class="btn">
                <button>試穿</button>
                <button>購買</button>
              </p>
            </div>
            <div class="item-desc">
              <h3>名刀司命</h3>
              <hr/>
              <p>
                名刀司命是歷代戰士推崇的武器。增加戰鬥力，還可以抵挡一次致命攻击！
              </p>
            </div>
          </div>
          <div class="item">
            <img class="item-img" src="../images/HW_4-1/fanjia.jpg" alt="反傷刺甲">
            <div class="item-detail">
              <h3>反傷刺甲</h3>
              <hr/>
              <span class="item-price">$1680</span>
              <span>
                <del>$1840</del>
              </span>
              <p class="btn">
                <button>試穿</button>
                <button>購買</button>
              </p>
            </div>
            <div class="item-desc">
              <h3>反傷刺甲</h3>
              <hr/>
              <p>
                反傷刺甲是能够反弹一部分物理伤害给敌人的给力装备。
              </p>
            </div>
          </div>
          <div class="item">
            <img class="item-img" src="../images/HW_4-1/jibu.jpg" alt="疾步之靴">
            <div class="item-detail">
              <h3>疾步之靴</h3>
              <hr/>
              <span class="item-price">$430</span>
              <span>
                <del>$530</del>
              </span>
              <p class="btn">
                <button>試穿</button>
                <button>購買</button>
              </p>
            </div>
            <div class="item-desc">
              <h3>疾步之靴</h3>
              <hr/>
              <p>
                疾步之靴能夠使脱离战斗后增加移动速度，價格實惠，老少皆宜！
              </p>
            </div>
          </div>
          <div class="item">
            <img class="item-img" src="../images/HW_4-1/hanxin.png" alt="白龍吟">
            <div class="item-detail">
              <h3>白龍吟</h3>
              <hr/>
              <span class="item-price">$4999</span>
              <span>
                <del>$6999</del>
              </span>
              <p class="btn">
                <button>試穿</button>
                <button>購買</button>
              </p>
            </div>
            <div class="item-desc">
              <h3>白龍吟</h3>
              <hr/>
              <p>
                白龍吟是韓信將軍當年征戰沙場所穿的至尊鎧甲，神龍護體，霸氣側漏！
              </p>
            </div>
          </div>
        </div>
        <div id="tab-model" class="tab-content">
          <div class="item">
            <img class="item-img" src="../images/HW_4-1/bazhe.png" alt="霸者重裝">
            <div class="item-detail">
              <h3>霸者重裝</h3>
              <hr/>
              <span class="item-price">$1980</span>
              <span>
                <del>$2070</del>
              </span>
              <p class="btn">
                <button>試穿</button>
                <button>購買</button>
              </p>
            </div>
            <div class="item-desc">
              <h3>霸者重裝</h3>
              <hr/>
              <p>
                霸者重裝是一件防御类装备,能使冒險者脱离战斗后，快速療傷和恢復體力。
              </p>
            </div>
          </div>
          <div class="item">
            <img class="item-img" src="../images/HW_4-1/relive.png" alt="贤者的庇护">
            <div class="item-detail">
              <h3>贤者的庇护</h3>
              <hr/>
              <span>$2080</span>
              <p class="btn">
                <button>試穿</button>
                <button>購買</button>
              </p>
            </div>
            <div class="item-desc">
              <h3>贤者的庇护</h3>
              <hr/>
              <p>
                贤者的庇护又稱復活甲,顧名思義它能給你起死回生的神力！
              </p>
            </div>
          </div>
          <div class="item">
            <img class="item-img" src="../images/HW_4-1/fanjia.jpg" alt="反傷刺甲">
            <div class="item-detail">
              <h3>反傷刺甲</h3>
              <hr/>
              <span class="item-price">$1680</span>
              <span>
                <del>$1840</del>
              </span>
              <p class="btn">
                <button>試穿</button>
                <button>購買</button>
              </p>
            </div>
            <div class="item-desc">
              <h3>反傷刺甲</h3>
              <hr/>
              <p>
                反傷刺甲是能够反弹一部分物理伤害给敌人的给力装备！
              </p>
            </div>
          </div>
          <div class="item">
            <img class="item-img" src="../images/HW_4-1/monv.png" alt="魔女斗篷">
            <div class="item-detail">
              <h3>魔女斗篷</h3>
              <hr/>
              <span class="item-price">$1820</span>
              <span>
                <del>$2120</del>
              </span>
              <p class="btn">
                <button>試穿</button>
                <button>購買</button>
              </p>
            </div>
            <div class="item-desc">
              <h3>魔女斗篷</h3>
              <hr/>
              <p>
                魔女斗篷能夠在脱战后使冒險者获得一个吸收法术伤害的神秘护盾！
              </p>
            </div>
          </div>
        </div>
        <div id="tab-decoration" class="tab-content">
          <div class="item">
            <img class="item-img" src="../images/HW_4-1/aknife.png" alt="名刀司命">
            <div class="item-detail">
              <h3>名刀司命</h3>
              <hr/>
              <span class="item-price">$1460</span>
              <span>
                <del>$1760</del>
              </span>
              <p class="btn">
                <button>試穿</button>
                <button>購買</button>
              </p>
            </div>
            <div class="item-desc">
              <h3>名刀司命</h3>
              <hr/>
              <p>
                名刀司命是歷代戰士推崇的武器。增加戰鬥力，還可以抵挡一次致命攻击！
              </p>
            </div>
          </div>
          <div class="item">
            <img class="item-img" src="../images/HW_4-1/jibu.jpg" alt="疾步之靴">
            <div class="item-detail">
              <h3>疾步之靴</h3>
              <hr/>
              <span class="item-price">$430</span>
              <span>
                <del>$530</del>
              </span>
              <p class="btn">
                <button>試穿</button>
                <button>購買</button>
              </p>
            </div>
            <div class="item-desc">
              <h3>疾步之靴</h3>
              <hr/>
              <p>
                疾步之靴能夠使脱离战斗后增加移动速度，價格實惠，老少皆宜！
              </p>
            </div>
          </div>
          <div class="item">
            <img class="item-img" src="../images/HW_4-1/mianju.png" alt="痛苦面具">
            <div class="item-detail">
              <h3>痛苦面具</h3>
              <hr/>
              <span class="item-price">$1840</span>
              <span>
                <del>$2040</del>
              </span>
              <p class="btn">
                <button>試穿</button>
                <button>購買</button>
              </p>
            </div>
            <div class="item-desc">
              <h3>痛苦面具</h3>
              <hr/>
              <p>
                痛苦面具佩戴者攻擊敌人时会附带敵人生命值8%的法术伤害，令其痛不欲生！
              </p>
            </div>
          </div>
          <div class="item">
            <img class="item-img" src="../images/HW_4-1/maozi.png" alt="博学者之怒">
            <div class="item-detail">
              <h3>博学者之怒</h3>
              <hr/>
              <span class="item-price">$1999</span>
              <span>
                <del>$2300</del>
              </span>
              <p class="btn">
                <button>試穿</button>
                <button>購買</button>
              </p>
            </div>
            <div class="item-desc">
              <h3>博学者之怒</h3>
              <hr/>
              <p>
                博学者之怒是一頂增加法强的魔法帽，是每一个法系英雄梦寐以求的装备。
              </p>
            </div>
          </div>
        </div>
        <div id="tab-pet" class="tab-content">
          <div class="item">
            <img class="item-img" src="../images/HW_4-1/redbuff.png" alt="紅buff">
            <div class="item-detail">
              <h3>紅buff</h3>
              <hr/>
              <span>$999</span>
              <p class="btn">
                <button>試穿</button>
                <button>購買</button>
              </p>
            </div>
            <div class="item-desc">
              <h3>紅buff</h3>
              <hr/>
              <p>
                獲得紅buff的力量可以是對敵人的傷害帶有短暫時間的灼燒和減速效果！
              </p>
            </div>
          </div>
          <div class="item">
            <img class="item-img" src="../images/HW_4-1/bluebuff.png" alt="藍buff">
            <div class="item-detail">
              <h3>藍buff</h3>
              <hr/>
              <span>$999</span>
              <p class="btn">
                <button>試穿</button>
                <button>購買</button>
              </p>
            </div>
            <div class="item-desc">
              <h3>藍buff</h3>
              <hr/>
              <p>
                獲得藍buff可以增加活力，生龍活虎，加快戰鬥恢復能力！
              </p>
            </div>
          </div>
          <div class="item">
            <img class="item-img" src="../images/HW_4-1/baojun.png" alt="黑暗暴君">
            <div class="item-detail">
              <h3>黑暗暴君</h3>
              <hr/>
              <span>$1999</span>
              <p class="btn">
                <button>試穿</button>
                <button>購買</button>
              </p>
            </div>
            <div class="item-desc">
              <h3>黑暗暴君</h3>
              <hr/>
              <p>
                黑暗暴君能使你獲得神秘力量，同時存在魔種的羈絆！
              </p>
            </div>
          </div>
          <div class="item">
            <img class="item-img" src="../images/HW_4-1/zhuzai.png" alt="暗影主宰">
            <div class="item-detail">
              <h3>暗影主宰</h3>
              <hr/>
              <span>$3999</span>
              <p class="btn">
                <button>試穿</button>
                <button>購買</button>
              </p>
            </div>
            <div class="item-desc">
              <h3>暗影主宰</h3>
              <hr/>
              <p>
                暗影主宰主宰著比暴君更加強大的力量，同時可以分三次總共召喚9條神龍！
              </p>
            </div>
          </div>
        </div>
        <div id="tab-others" class="tab-content">
          <div class="item">
            <img class="item-img" src="../images/HW_4-1/caidao.png" alt="春風菜刀">
            <div class="item-detail">
              <h3>春風菜刀</h3>
              <hr/>
              <span>$999999999</span>
              <p class="btn">
                <button>試穿</button>
                <button><del>購買</del></button>
              </p>
            </div>
            <div class="item-desc">
              <h3>春風菜刀</h3>
              <hr/>
              <p>
                “功夫再高，也怕菜刀”，本店鎮店之寶，為叱咤祖師爺所用，價值連城！
              </p>
            </div>
          </div>
          <div class="item">
            <img class="item-img" src="../images/HW_4-1/keyboard.png" alt="如意鍵盤">
            <div class="item-detail">
              <h3>如意鍵盤</h3>
              <hr/>
              <span class="item-price">$9999999999999999</span>
              <p class="btn">
                <button>試穿</button>
                <button><del>購買</del></button>
              </p>
            </div>
            <div class="item-desc">
              <h3>如意鍵盤</h3>
              <hr/>
              <p>
                這才是本店究極鎮店之寶,本店所有商品都是如意鍵盤開天闢地所創造！
              </p>
            </div>
          </div>
          <div class="item">
            暫無更多~
            <div class="item-desc">
              <h3>暫無更多~</h3>
              <hr/>
              <p>
                正在研發中，暫無更多新品，敬請期待~
              </p>
            </div>
          </div>
          <div class="item-space"></div>
        </div>
        <div id="tab-skin" class="tab-content">
          <div class="item">
            <img class="item-img" src="../images/HW_4-1/wushifu.jpg" alt="武士服">
            <div class="item-detail">
              <h3>武士服</h3>
              <hr/>
              <span class="item-price">$999</span>
              <span>
                <del>$1999</del>
              </span>
              <p class="btn">
                <button>試穿</button>
                <button>購買</button>
              </p>
            </div>
            <div class="item-desc">
              <h3>武士服</h3>
              <hr/>
              <p>
                休閒武士服，輕裝上陣。諸如橘右京，宮本武藏等英雄都喜歡穿這款武士服。
              </p>
            </div>
          </div>
          <div class="item">
            <img class="item-img" src="../images/HW_4-1/hanxin.png" alt="白龍吟">
            <div class="item-detail">
              <h3>白龍吟</h3>
              <hr/>
              <span class="item-price">$4999</span>
              <span>
                <del>$6999</del>
              </span>
              <p class="btn">
                <button>試穿</button>
                <button>購買</button>
              </p>
            </div>
            <div class="item-desc">
              <h3>白龍吟</h3>
              <hr/>
              <p>
                白龍吟是韓信將軍當年征戰沙場所穿的至尊鎧甲，神龍護體，霸氣側漏！
              </p>
            </div>
          </div>
          <div class="item">
            <img class="item-img" src="../images/HW_4-1/libai.png" alt="鳳求凰">
            <div class="item-detail">
              <h3>鳳求凰</h3>
              <hr/>
              <span class="item-price">$4999</span>
              <span>
                <del>$6999</del>
              </span>
              <p class="btn">
                <button>試穿</button>
                <button>購買</button>
              </p>
            </div>
            <div class="item-desc">
              <h3>鳳求凰</h3>
              <hr/>
              <p>
                鳳求凰是詩仙李白的盛裝，一看就充滿著浪漫主義色彩，深受世人喜愛！
              </p>
            </div>
          </div>
          <div class="item">
            暫無更多~
            <div class="item-desc">
              <h3>暫無更多~</h3>
              <hr/>
              <p>
                正在研發中，暫無更多新品，敬請期待~
              </p>
            </div>
          </div>
        </div>
        <div>
          <ul class="tab-menu">
            <li><a href="#tab-hot">熱門商品</a></li>
            <li><a href="#tab-model">造型</a></li>
            <li><a href="#tab-decoration">飾品</a></li>
            <li><a href="#tab-pet">寵物</a></li>
            <li><a href="#tab-others">其他</a></li>
            <li><a href="#tab-skin">Skin</a></li>
          </ul>
        </div>
      </div>
    </main>
  </body>
</html>
